import {SVGProps} from 'react'

export const SearchIcon = (props: SVGProps<SVGSVGElement>) => (
	<svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
		<g opacity='0.5' clipPath='url(#clip0_237_4894)'>
			<path
				d='M12.1126 11.4107L14.968 14.2653L14.0246 15.2087L11.17 12.3533C10.1078 13.2048 8.78663 13.668 7.42529 13.666C4.11329 13.666 1.42529 10.978 1.42529 7.66602C1.42529 4.35402 4.11329 1.66602 7.42529 1.66602C10.7373 1.66602 13.4253 4.35402 13.4253 7.66602C13.4272 9.02735 12.9641 10.3485 12.1126 11.4107ZM10.7753 10.916C11.6214 10.0459 12.0939 8.87964 12.092 7.66602C12.092 5.08735 10.0033 2.99935 7.42529 2.99935C4.84663 2.99935 2.75863 5.08735 2.75863 7.66602C2.75863 10.244 4.84663 12.3327 7.42529 12.3327C8.63891 12.3346 9.80522 11.8621 10.6753 11.016L10.7753 10.916V10.916Z'
				fill='white'
			/>
		</g>
		<defs>
			<clipPath id='clip0_237_4894'>
				<rect width='16' height='16' fill='white' transform='translate(0.092041 0.333008)' />
			</clipPath>
		</defs>
	</svg>
)
